<template>
    <div id="app">
        <div style="height: 1000px;">
            <!-- 顶部 -->
            <XjTop ></XjTop>

            <!-- 路由页面 -->
            <el-card class="box-card" shadow="never" style="background-color: #FFFFFF;overflow:hidden;width: 100%;border: none;padding: 0;box-sizing: border-box;">
                <router-view/>
            </el-card>

            <!-- 底部 -->
            <el-card class="box-card"  shadow="never" style="background-color: #FFFFFF;width: 100%;padding: 0;box-sizing: border-box;">
                <XjBottom></XjBottom>
            </el-card>
        </div>
    </div>
</template>


<script>

    //引入组件
    import XjTop from './page/top/XjTop';
    import XjBottom from './page/bottom/XjBottom';

    export default {
        name: "app",
        //定义组件
        components: {
            XjTop: XjTop,
            XjBottom: XjBottom,
        }
    }


</script>

<style>
    #app {
        font-family: Avenir, Helvetica, Arial, sans-serif;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #2c3e50;
    }

    nav {
        padding: 30px;
    }

    nav a {
        font-weight: bold;
        color: #2c3e50;
    }

    nav a.router-link-exact-active {
        color: #42b983;
    }
    .box-card{
        border-radius: none;
        .el-card__body{
            padding: 0;
        }
    }
</style>
